<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Axios测试</title>
		<script src="../js/axios.js"></script>
	</head>
	<body>
<h1>Axios测试案例-1</h1>
<script>
	// /*可以编辑Axios 发送ajax请求*/
	// var url="http://localhost:8080/hello"
	// axios.get(url)
	// .then(function(result){//回调函数!!!
	// 	console.log(result)
	// })
		/**
		 * var 关键字 没有作用域的概念!!
		 * let 相当于var 有作用域 更加安全
		 * const 定义常量的 
		 * 关于axios数据返回值对象的说明:
		 * axios为了接收后端服务器数据,利用promise对象封装参数
		 * 
		 * 
		 // * */
		 // let url1 = "http://localhost:8080/axios/getUserById?id=100"
		 // axios.get(url1)
		 //     .then(function(promise){
			// console.log(promise.data)
			
		 // })
		 /**
		  * 1.get请求  对象传参
		  * 2.语法说明:
		  * 关键字:params: 对象信息
		  * */
		
		// let user2={name:"tomcat",age:100}
		//  let url2 ="http://localhost:8080/axios/getUserByNA"
		// axios.get(url2,{params:user2})
		// //{key:value}) 写了params 会自动帮你找.会自动拼接id=xx name=xxx
		// 	.then(function(promise){
		// 		console.log(promise)
		// 		console.log(promise.data)//服务器返回的对象
				
		// 	})
		let user3 ={name:"tomcat",sex:"男"}
		let url3=`//localhost:8080/axios/findUserByNS/${user3.name}/${user3.sex}`//这里必须用反引号` (esc)键下面这个按键 ,因为是es6 要配合反引号,才能保存为字符串的格式/
		let html=`<div>
				<p>AAA</p>
			     <P>BBB</P>
				 </div>
				 `
		axios.get(url3).then(function(promise){
			console.log(promise.data)
		})
			
</script>
	</body>
</html>
    